<template>
    <div>
        <ul style="padding:0 4vw;position:absolute;bottom:0px;background:#ffffff" >
            <li style="text-align:center;font-size:18px;color:#333333">请选择退款原因</li>
            <li v-for="(reason,i) in tuikuanReason" :key='i' style="font-size:15px;color:#333333;height:50px;line-height:50px;"  class="select-control-group">
                {{reason}}
                <mu-flex class="select-control-row" style="float:right;margin-top:15px">
                    <mu-radio :value="i" v-model="normal.radio"   label="" color="#FF4C50" :ripple=false></mu-radio>
                </mu-flex>
            </li>
            <mu-button :ripple=false :flat=true style="border-radius: 100px;width:92vw;height:50px;margin:0 auto;font-size:18px;background:#333333;color:#ffffff" v-on:click="noShow($event)" >确定</mu-button>
        </ul>
    </div>
</template>
<script>
// import FileUpload from 'vue-simple-uploader/dist/FileUpload'
export default {
    name:'reasonList',
    components:{
        // 'fileupload': FileUpload,
    },
    data () {
        return {
            tuikuanReason:['七天无理由退换','七天无理由退换','七天无理由退换','七天无理由退换','七天无理由退换','七天无理由退换','其他'],
            normal: {
                checkbox: true,
                radio: 1,
                switch: false
            }
        }
    },
    props:{
        isShow:{
            type:Boolean,
        }
    },
    computed:{
    },
    methods:{
        noShow:function(){
            this.isShow=false
        }
    },
    created(){
        
    },
    mounted(){
       
    }

    
}
</script>
<style lang='scss'>

</style>